@import './common';

// 头部
.active {
    background: map-get($colors, "blue");
    color: #fff;

    a {
        color: #fff;
    }
}

.content {
    .top-layer {
        position: absolute;
        top: 0;
        z-index: 99;
    }

    .top-box {
        align-items: center;
    }

    .nav-box {
        background: #fff;

        li {
            flex: 1;

            &:hover {
                a {
                    color: #fff;
                }

                background: map-get($colors, "blue");
                color: #fff;
                cursor: pointer;
            }
        }
    }
}

// 底部
footer {
    background: #141517;
    .col-md-3 {
        img {
            border: 0.8rem solid rgba(255, 255, 255, 0.5);
        }
    }
}

// 菜单左边盒子
.menu-type {
    &:hover {
        background: map-get($colors, 'blue');
        color: #fff;
        cursor: pointer;

        a {
            color: #fff;

        }
    }
}

// 菜单右边盒子
.menu-right-box {
    .qrCode-box {
        img {
            border: 0.8rem solid rgba(0, 0, 0, 0.1);
        }
    }
    #container {
        height: 450px;
    }
}